<template>
  <view class="box-bg">
  	<uni-nav-bar height="65px" color="#ffffff" left-icon="left" left-text="用车详情" leftWidth='200px' @click="goBack">
  		<!-- 自定义左侧内容 -->
  		<!-- <view slot="left" class="box-title">
        <u-icon name="arrow-left" color="#ffffff" class="uicon"></u-icon>
  			<text>用车详情</text>
  		</view> -->
  	</uni-nav-bar>
  </view>
  <view class="box-elfo">
    <view class="box-title">
      电子信息
    </view>
    <view class="row-block">
      <view>订单号</view>
       <view>D0100022023060617342</view>
    </view>
    <view class="row-block">
      <view>订单状态</view>
       <view>接受中</view>
    </view>
    <view class="row-block">
      <view>用车模式</view>
       <view>单位内部用车</view>
    </view>
  </view>
  <view class="forming-information">
    <view class="box-title">
      行程信息
    </view>
    <view class="row-block">
      <view>市内/长途</view>
       <view>长途</view>
    </view>
    <view class="row-block">
        <view>出发</view>
        <view>济南</view>
    </view>
    <view class="row-block">
        <view>目的地</view>
        <view>济南</view>
    </view>
    <view class="row-block">
        <view>开始时间</view>
        <view>2023-06-22 09:25</view>
    </view>
    <view class="row-block">
        <view>结束时间</view>
        <view>2023-07-01 09:25</view>
    </view>
  </view>
  <view class="applicant-information">
    <view class="box-title">
      申请人信息
    </view>
    <view class="row-block">
      <view>所属单位</view>
       <view>山东省机关事务管理局</view>
    </view>
    <view class="row-block">
      <view>部门</view>
       <view>办公室</view>
    </view>
    <view class="row-block">
      <view>申请人</view>
       <view>a管理员</view>
    </view>
    <view class="row-block">
      <view>用车人</view>
       <view>a管理员</view>
    </view>
    <view class="row-block">
      <view>联系人电话</view>
       <view>18916566506</view>
    </view>
    <view class="row-block">
      <view>用车人数</view>
       <view>4人</view>
    </view>
  </view>
  <view class="other-application-information">
    <view class="box-title">
      其他申请信息
    </view>
    <view class="row-block">
      <view>车辆类型</view>
       <view>面包车</view>
    </view>
    <view class="row-block">
      <view>是否需要结算</view>
       <view>不需要</view>
    </view>
    <view class="row-block">
      <view>用车事由</view>
       <view>紧急事件</view>
    </view>
    <view class="row-block">
      <view>备注</view>
       <view>2</view>
    </view>
  </view>
  <view class="review-information">
    <view class="box-title">
      审核信息
    </view>
    <view class="row-block">
      <view>审核结果</view>
       <view>审核通过</view>
    </view>
    <view class="row-block">
      <view>审核人</view>
       <view>a管理员</view>
    </view>
    <view class="row-block">
      <view>审核时间</view>
       <view>2023-06-06 09:26</view>
    </view>
  </view>
  <view class="approval-information">
    <view class="box-title">
      审批信息
    </view>
    <view class="row-block">
      <view>审批结果</view>
       <view>审批通过</view>
    </view>
    <view class="row-block">
      <view>审批人</view>
       <view>a管理员</view>
    </view>
    <view class="row-block">
      <view>调度车辆</view>
       <view>鲁A2F7A0</view>
    </view>
    <view class="row-block">
      <view>调度驾驶员</view>
       <view>鸽子</view>
    </view>
    <view class="row-block">
      <view>调度时间</view>
       <view>2023-06-06 10:20</view>
    </view>
  </view>
</template>

<script setup>
  import { useRouter } from 'vue-router';
  const router = useRouter();
  function goBack(){
    uni.navigateBack({
        delta: 1
      });
  }
</script>

<style lang="scss" scoped>
  .uicon{
    font-size: 22px;
  }
  :deep(.uni-navbar__header) {
  	background: linear-gradient(-90deg, #3C88D8 0%, #7CAFE7 100%);
  
  }
  .box-bg {
  	position: relative;
  	.box-title {
  		position: absolute;
  		left: 10px;
  		bottom: 20px;
  		color: #FFFFFF;
  		font-size: 16px;
  		font-weight: 600;
  	}
  }
  .row-block{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    height: 35px;
    margin-bottom: 1px;
     background-color: #ffffff;
     color: #8d8d8d;
  }
  .box-title{
    display: flex;
    align-items: center;
    width: 100%;
    height: 30px;
    font-size: 12px;
   color: #8d8d8d;
   padding-left: 10px;
  }
  .box-elfo{
  }
</style>